
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>物业管理系统</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
    />
    <script src="https://cdn.jsdelivr.net/npm/axios@0.21.1/dist/axios.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
    <a class="navbar-brand" href="#"><h2>物业管理系统</h2></a>
    <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
    >
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse font-weight-bold " id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto  nav-pills">
             <li class="nav-item">
                <a class="nav-link" href="AdminMain.jsp" >主页<span class="sr-only">(current)</span></a
            >
            <li class="nav-item active">
                <a class="nav-link" href="BulidingManage.jsp" >房源管理<span class="sr-only">(current)</span></a
            >
            </li>

            <li class="nav-item">
                <a class="nav-link" href="UserList.jsp">员工管理</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="ApprovingManage.jsp" tabindex="-1">审批管理</a>
            </li>
            
            
        </ul>
        <div>
            <span class="text-danger">${user.name}</span>
            <a href="${pageContext.request.contextPath}/login"><button class="btn btn-outline-secondary">退出登录</button></a>
        </div>
    </div>
</nav>
<div class="d-flex justify-content-center">
    <div class="w-75 border shadow p-4">
        <div>
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link active" href="#list" data-toggle="tab"
                    >项目列表</a
                    >
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#add" data-toggle="tab">新建项目</a>
                </li>
            </ul>
        </div>
        <br />
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="list">
                <div>一共有<span> ==xxx== </span>个项目</div>
                <br />
                <table class="table">
                    <thead>
                    <tr>
                        <th>项目编号</th>
                        <th>项目名称</th>
                        <th>项目描述</th>
                        <th>项目类型</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>+++001+++</td>
                        <td>+++项目1+++</td>
                        <td>+++xxx+++</td>
                        <td>+++xxx+++</td>
                        <td>
                            <a
                                    href="./project-management.html"
                                    class="btn btn-outline-primary"
                            >
                                查看
                            </a>
                            <a
                                    href="./project-management.html"
                                    class="btn btn-outline-success"
                            >
                                修改
                            </a>
                            <a
                                    href="./project-management.html"
                                    class="btn btn-outline-danger"
                            >
                                删除
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="add">
                <form action="/project-add" method="POST">
                    <div class="form-group">
                        <label for="number">项目编号</label>
                        <input type="text" class="form-control" id="number" required />
                    </div>
                    <div class="form-group">
                        <label for="name">项目名称</label>
                        <input type="text" class="form-control" id="name" required />
                    </div>
                    <div class="form-group">
                        <label for="description">项目描述</label>
                        <input
                                type="text"
                                class="form-control"
                                id="description"
                                required
                        />
                    </div>
                    <div class="form-group">
                        <label for="type">项目类型</label>
                        <select class="form-control" id="type">
                                  <option value="0">小区</option>
                                  <option value="1">大厦</option>
                             </select>
                    </div>
                    <button class="btn btn-primary" type="submit">添加</button>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
